<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>AutoComplete</title>
<style>
	ul{margin:0;padding:0;border:0;}
	li{list-style:none;}

	.clearfix:after { clear:both;content:"."; display:block; height:0; visibility:hidden;}
	.clearfix { display:inline-block; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }
	.g-loading-on{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:auto;text-decoration:none;}
	.g-loading-on a{cursor:none;}
	
	.g-popwin{display:none;padding:20px;}
	.g-dialog-mask{position:absolute;display:none;background-color:#000;left:0;top:0;width:100%;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;border:none;z-index:1000;}
	.g-dialog-win{position:absolute;display:none;left:20px;top:10px;background-color:#FFF;z-index:1000;background-color:#FFF;}
	.g-dialog-win .pop-border{border:5px solid #DBDBDB;}
	.g-dialog-win .pop-hd{cursor:move; background-color:#FFFF00;}
	.g-dialog-win .pop-hd .border{position:relative;}
	.g-dialog-win .pop-hd h4{padding:0;margin:0;}
	.g-dialog-win .pop-hd .close{right:2px;_right:12px;top:2px;width:29px;height:15px;position:absolute;background:url(imgs/ico_cart.png) no-repeat -70px -268px;overflow:hidden;}
	.g-dialog-win .pop-hd .close:hover{background-position:-70px -285px;}
	
	.g-loading-input{background: url("imgs/busy_small.gif") no-repeat scroll right center #FFFFFF;}

	.auto-complete-layer .pop-hd{display:none;}
	.auto-complete-layer .picker-list{width:250px;}
	.auto-complete-layer .picker-list a:hover{background-color:#FFFF00;}
	.auto-complete-layer .picker-list em{float:left;}
	.auto-complete-layer .picker-list strong{color:red;}
	.auto-complete-layer .picker-list span{float:right;}
</style>
</head>

<body>
<div id="auto_complete" style="height:500px;">
    <input dom="keyword" type="text" dvalue="请输入搜索关键字" />
    <div dom="picker" pclass="auto-complete-layer">
    	<ul dom="picker-list" class="picker-list"></ul>
    </div>
</div>
<script>
</script>
</body>
<script type="text/javascript" src="mdf/js/common/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="mdf/js/common/mdf-full.js"></script>
<script type="text/javascript" src="mdf/js/project/project-init.js"></script>
<script type="text/javascript" src="mdf/js/project/language-mapping.js"></script>
<script type="text/javascript" src="mdf/js/project/error-mapping.js"></script>
<script type="text/javascript" src="mdf/js/project/action-mapping.js"></script>
<script type="text/javascript" src="mdf/js/project/auto-complete.js"></script>

</html>